<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>发现</title>
    <link rel="shortcut icon" type="image/x-icon" href="../img/enjoy-3.png">
    <link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.7/dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../css/footer-bar.css">
    <link rel="stylesheet" href="../css/find.css">
</head>
<body>
<header>
    <nav class="row top-bar">
        <p class="col-xs-12">
            <small>发现</small>
        </p>
    </nav>
    <div class="nav-divider"></div>
</header>
<section>
    <a href="find-detail-1.html">
        <div class="row">
            <div class="col-xs-12">
                <p class="heading">蒙斯特 | 迪拜七星级帆船酒店店酒</p>
            </div>
            <div class="col-xs-12">
                <p class="subheading">在全球斩获无数奖项，智利人的骄傲</p>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 img-container">
                <img src="../img/find/find-1.jpeg" alt="" class="img-rounded banner">
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <p class="content-title">顶级酒系列</p>
            </div>
            <div class="col-xs-12">
                <p class="content-sub">可能是智利最优质的葡萄酒中的上品，产自世界闻名的空加瓜谷：出产的蒙特斯阿尔法M、
                    蒙特斯富乐、紫天使和金天使都展现出了其卓越的品质和具有潜力的储藏价值。</p>
            </div>
        </div>
        <div class="nav-divider"></div>
    </a>
</section>
<section>
    <div class="row">
        <div class="col-xs-12">
            <p class="heading">华尔道夫酒店SPA中心</p>
        </div>
        <div class="col-xs-12">
            <p class="subheading">美容SPA | 高新区</p>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12 img-container">
            <img src="../img/find/find-2.jpeg" alt="" class="img-rounded banner">
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <p class="content-title">宁静舒心的惬意空间</p>
        </div>
        <div class="col-xs-12">
            <p class="content-sub">成都华尔道夫酒店水疗中心总面积500平方米，设有六间私人水疗套房，
                宁静祥和的氛围让人能够尽情放松身心。无论是独自一人还是亲朋结伴前往，均可享受专业团队
                精心设计的专属理疗服务以及丰富多样的理疗体验。</p>
        </div>
    </div>
    <div class="nav-divider"></div>
</section>
<section>
    <div class="row">
        <div class="col-xs-12">
            <p class="heading">BLOOMING FLOWER SHOP满天星干花小花束</p>
        </div>
        <div class="col-xs-12">
            <p class="subheading">甄选当季新鲜花材专业花艺师细致剖析赋予鲜花全新定义</p>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12 img-container">
            <img src="../img/find/find-5.jpeg" alt="" class="img-rounded banner">
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <p class="content-title">如爱人的呼吸般甜蜜动人微风吹过清香四逸</p>
        </div>
        <div class="col-xs-12">
            <p class="content-sub">一捧满天星意味着我在思念你，你是清纯的，给我一个梦境，我是真心喜欢你的，
                拥有你我很喜悦，这是我想给你的浪漫。还有我们一起守望爱情、让我关怀你把、思恋、我不希望我是你的
                配角、你是我的真爱以及你拥有一颗纯洁的心灵。</p>
        </div>
    </div>
    <div class="nav-divider"></div>
</section>
<section>
    <div class="row">
        <div class="col-xs-12">
            <p class="heading">卧室里的小日子</p>
        </div>
        <div class="col-xs-12">
            <p class="subheading">只需几样家居小物，营造大大幸福感~</p>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12 img-container">
            <img src="../img/find/find-4.jpeg" alt="" class="img-rounded banner">
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <p class="content-title">一夜好眠|告别佛系生活， 从好睡眠开始~</p>
        </div>
        <div class="col-xs-12">
            <p class="content-sub">最近90后又被推_上了风口浪尖，加班、熬夜、失眠、脱发，佛系生活的种种无奈激起了身边很多人的共鸣。
                其实各种“丧”的缘由可能只是因为你缺少一夜好眠?
            </p>
        </div>
    </div>
    <div class="nav-divider"></div>
</section>
<footer>
    <div id="footer-bar">
        <div class="item collect">
            <a href="../index.html" style="text-decoration: none">
                <div class="icon">
                    <i class="fa fa-tag fa-lg tag-img"></i>
                </div>
                <div class="icon-text">
                    <span class="footer-title">精选</span>
                </div>
            </a>
        </div>
        <div class="item find active">
            <a href="find.html" style="text-decoration: none">
                <div class="icon">
                    <i class="fa fa-heart fa-lg tag-img"></i>
                </div>
                <div class="icon-text">
                    <span class="footer-title">发现</span>
                </div>
            </a>
        </div>
        <div class="item shopping">
            <a href="shopping-bag.html" style="text-decoration: none">
                <div class="icon">
                    <i class="fa fa-shopping-bag fa-lg tag-img"></i>
                </div>
                <div class="icon-text">
                    <span class="footer-title">购物袋</span>
                </div>
            </a>
        </div>
        <div class="item home">
            <a href="home.html" style="text-decoration: none">
                <div class="icon">
                    <i class="fa fa-coffee fa-lg tag-img"></i>
                </div>
                <div class="icon-text">
                    <span class="footer-title">我的</span>
                </div>
            </a>
        </div>
    </div>
</footer>
</body>
<script src="../lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../lib/bootstrap-3.3.7/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/footer-bar.js"></script>
<script>
    $(document).ready(function () {
        $('.nav-divider').last().css('margin-bottom', '50px');
    })
</script>
</html>